import {
  // create naive ui
  create,
  // component
  NConfigProvider,
  NMessageProvider,
  NButton,
  NIcon,
  NSpace,
  NSwitch,
  NLayout,
  NLayoutHeader,
  NLayoutSider,
  NLayoutContent,
  NLayoutFooter,
  NMenu,
  NInputNumber,
  NSlider,
  NDropdown,
  NAvatar,
  NInput,
  NGrid,
  NGridItem,
  NP,
  NLi,
  NBlockquote,
  NAnchor,
  NUl,
  NH1,
  NH2,
  NH3,
  NH4,
  NH5,
  NH6,
  NImage,
  NScrollbar,
  NLoadingBarProvider
} from 'naive-ui';

const naive = create({
  components: [
    NConfigProvider,
    NMessageProvider,
    NButton,
    NIcon,
    NSpace,
    NSwitch,
    NLayout,
    NLayoutHeader,
    NLayoutSider,
    NLayoutContent,
    NLayoutFooter,
    NMenu,
    NInputNumber,
    NSlider,
    NDropdown,
    NAvatar,
    NInput,
    NGrid,
    NGridItem,
    NP,
    NLi,
    NBlockquote,
    NAnchor,
    NUl,
    NH1,
    NH2,
    NH3,
    NH4,
    NH5,
    NH6,
    NImage,
    NScrollbar,
    NLoadingBarProvider
  ],
});

export default naive;